﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="checkout.aspx.cs" Inherits="NKD07.checkout" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
 <div class="container">
        <div class="content-indent">
            <div id="vmMainPage"> 
                <h3>
                    Checkout</h3>
                <div>
                    <div class="login-register">
                        <h5>
                            <input type="radio" name="togglerchecker" id="toggler1" class="toggler" checked="checked">
                            <label style="vertical-align: top" for="toggler1">
                                Returning Customers: Please Log In</label>
                        </h5>
                        <div class="stretcher" id="login_stretcher" style="padding-top: 0px; border-top-style: none;
                            border-top-width: initial; border-top-color: initial; padding-bottom: 0px; border-bottom-style: none;
                            border-bottom-width: initial; border-bottom-color: initial; overflow-x: hidden;
                            overflow-y: hidden; visibility: visible; zoom: 1; opacity: 1; height: 116px;">
                            <div style="overflow: hidden; width: 100%; padding-bottom: 10px;">
                                <label for="username_login" style="vertical-align: top">
                                    Username:</label>
                                <input type="text" id="username_login" name="username" class="inputbox" size="20">
                            </div>
                            <div style="overflow: hidden; width: 100%; padding-bottom: 10px;">
                                <label for="passwd_login" style="vertical-align: top">
                                    Password:</label>
                                <input type="password" id="passwd_login" name="passwd" class="inputbox" size="20">
                            </div>
                            <div style="padding-left: 71px; text-align: left;">
                                <input type="submit" name="Submit" class="button" value="Login">
                                <a style="text-decoration: none; display: inline-block; padding-top: 5px; padding-left: 17px;
                                    float: left;" title="Lost Password?">(Lost Password?)</a>
                            </div>
                        </div>
                    </div>
                    <div class="register-stretcher">
                        <h5>
                            <input type="radio" name="togglerchecker" id="toggler2" class="toggler">
                            <label for="toggler2" style="vertical-align: top">
                                New? Please Provide Your Billing Information</label>
                        </h5>
                        <div class="stretcher" id="register_stretcher" style="padding-top: 0px; border-top-style: none;
                            border-top-width: initial; border-top-color: initial; padding-bottom: 0px; border-bottom-style: none;
                            border-bottom-width: initial; border-bottom-color: initial; overflow-x: hidden;
                            overflow-y: hidden; visibility: hidden; zoom: 1; opacity: 0; height: 0px;">
                            <form action="./Online Store_files/Online Store.htm" method="post" name="adminForm">
                            <div style="width: 90%;">
                                <div style="padding: 5px; text-align: center;">
                                    <strong>(* = Required)</strong></div>
                                <fieldset>
                                    <legend class="sectiontableheader">Customer Information</legend>
                                    <div id="email_div" class="formLabel ">
                                        <label for="email_field">
                                            Email</label><strong>* </strong>
                                    </div>
                                    <div class="formField" id="email_input">
                                        <input type="text" id="email_field" name="email" size="30" value="" class="inputbox"
                                            maxlength="100">
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                    <input type="hidden" id="register_account" name="register_account" value="1"><div
                                        id="username_div" class="formLabel ">
                                        <label for="username_field">
                                            Username</label><strong>* </strong>
                                    </div>
                                    <div class="formField" id="username_input">
                                        <input type="text" id="username_field" name="username" size="30" value="" class="inputbox"
                                            maxlength="25">
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                    <div id="password_div" class="formLabel ">
                                        <label for="password_field">
                                            Password</label><strong>* </strong>
                                    </div>
                                    <div class="formField" id="password_input">
                                        <input type="password" id="password_field" name="password" size="30" class="inputbox">
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                    <div id="password2_div" class="formLabel ">
                                        <label for="password2_field">
                                            Confirm Password</label><strong>* </strong>
                                    </div>
                                    <div class="formField" id="password2_input">
                                        <input type="password" id="password2_field" name="password2" size="30" class="inputbox">
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                </fieldset>
                                <fieldset>
                                    <legend class="sectiontableheader">Bill To Information</legend>
                                    <div id="company_div" class="formLabel ">
                                        <label for="company_field">
                                            Company Name</label>
                                    </div>
                                    <div class="formField" id="company_input">
                                        <input type="text" id="company_field" name="company" size="30" value="" class="inputbox"
                                            maxlength="64">
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                    <div id="title_div" class="formLabel ">
                                        <label for="title_field">
                                            Title</label>
                                    </div>
                                    <div class="formField" id="title_input">
                                        <select class="inputbox" name="title" id="title_field">
                                            <option value="">none</option>
                                            <option value="Mr.">Mr.</option>
                                            <option value="Mrs.">Mrs.</option>
                                            <option value="Miss.">Miss.</option>
                                            <option value="Ms.">Ms.</option>
                                            <option value="Dr.">Dr.</option>
                                            <option value="Prof.">Prof.</option>
                                        </select>
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                    <div id="first_name_div" class="formLabel ">
                                        <label for="first_name_field">
                                            First Name</label><strong>* </strong>
                                    </div>
                                    <div class="formField" id="first_name_input">
                                        <input type="text" id="first_name_field" name="first_name" size="30" value="" class="inputbox"
                                            maxlength="32">
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                    <div id="address_1_div" class="formLabel ">
                                        <label for="address_1_field">
                                            Address 1</label><strong>* </strong>
                                    </div>
                                    <div class="formField" id="address_1_input">
                                        <input type="text" id="address_1_field" name="address_1" size="30" value="" class="inputbox"
                                            maxlength="64">
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                    <div id="address_2_div" class="formLabel ">
                                        <label for="address_2_field">
                                            Address 2</label>
                                    </div>
                                    <div class="formField" id="address_2_input">
                                        <input type="text" id="address_2_field" name="address_2" size="30" value="" class="inputbox"
                                            maxlength="64">
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                    <div id="city_div" class="formLabel ">
                                        <label for="city_field">
                                            City</label><strong>* </strong>
                                    </div>
                                    <div class="formField" id="city_input">
                                        <input type="text" id="city_field" name="city" size="30" value="" class="inputbox"
                                            maxlength="32">
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                    <div id="zip_div" class="formLabel ">
                                        <label for="zip_field">
                                            Zip/Postal Code</label><strong>* </strong>
                                    </div>
                                    <div class="formField" id="zip_input">
                                        <input type="text" id="zip_field" name="zip" size="30" value="" class="inputbox"
                                            maxlength="32">
                                        <br>
                                    </div>
                                    <br style="clear: both;">
                                    <div id="country_div" class="formLabel ">
                                        <label for="country_field">
                                            Country</label><strong>* </strong>
                                    </div>
                                    <div class="formField" id="country_input">
                                        <select class="inputbox" name="country" size="1" id="country_field" onchange="changeStateList();">
                                            <option value="0">Select</option>
                                            <option value="AFG">Afghanistan</option>
                                            <option value="ALB">Albania</option>
                                            <option value="DZA">Algeria</option>
                                            <option value="ASM">American Samoa</option>
                                            <option value="AND">Andorra</option>
                                            <option value="AGO">Angola</option>
                                        </select>
                                        <br>
                                    </div>
                            </form>
                        </div>
                    </div>
                    <script type="text/javascript">
                        Window.onDomReady(function () {

                            // get accordion elements
                            myStretch = $$('.toggler');
                            myStretcher = $$('.stretcher');

                            // Create the accordion
                            myAccordion = new Fx.Accordion(myStretch, myStretcher,
			{
			    /*fixedHeight: 125,*/
			    opacity: true,
			    display: 0
			});
                        });
</script>
                </div>
                <div id="statusBox" style="text-align: center; display: none; visibility: hidden;">
                </div>
            </div>
        </div>
    </div>
</asp:Content>
